@import "_variables"
@import "_mixins"
@import "_fonts"
@import "_feathericon"
@import "_normalize"

*,
*::before
*::after
  box-sizing border-box

html, body
  height: 100%

html
  font-size font-size-browser
  -webkit-text-size-adjust 100%
  -ms-text-size-adjust 100%
  -ms-overflow-style scrollbar
  -webkit-tap-highlight-color transparent

body
  position relative
  background-color body-background
  font-family font-family-base
  font-size font-size-base
  line-height font-line-height
  color body-color
  padding 0
  margin 0
  overflow-x hidden
  text-size-adjust: 100%

  // 网格背景
  background-image: linear-gradient(90deg,rgba(196,198,198,.15) 10%,transparent 0),linear-gradient(hsla(0,0%,80.4%,.15) 10%,transparent 0);
  background-size: 5px 5px;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;

  ::selection
    color rgba(sea-blue,.8)
    //color froth
a
  color link-color
  &:hover
    color link-hover-color
  &:active
    color link-active-color
  &.disabled
    color disabled-color

img
  max-width 100%

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: sea-blue;
}
::-webkit-scrollbar-track {
  background-color: #ffffff;
}

@import "_extend"
@import "_partial/layou"
@import "_partial/lists"
@import "_partial/categories"
@import "_partial/tag"
@import "_partial/tooltips"
@import "_partial/ocean"
@import "_partial/search"
@import "_partial/pages"
@import "_partial/article"
@import "_partial/articles"
@import "_partial/archive"
@import "_partial/footer"
@import "_partial/float"
@import "_partial/highlight"
@import "_partial/mobile"
@import "_partial/pace"
@import "_partial/gitalk"
@import "_partial/valine"

if sidebar
  @import "_partial/sidebar"
